@import (reference) "../../theme/variable.less";

@panel-border-color: var(--panel-border-color);
@panel-border-radius: var(--panel-border-radius);

:root {
  --panel-border-color: @global-neutral-color-3;
  --panel-border-radius: @global-border-radius;
}

.layui-panel {
  border-width: 1px;
  border-style: solid;
  border-radius: @panel-border-radius;
  border-color: @panel-border-color;
  background-color: #fff;
  .is-hover-shadow:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  .shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  } 
}
